(window.webpackJsonpvtex_styleguide_9_146_16=window.webpackJsonpvtex_styleguide_9_146_16||[]).push([["NumericStepper"],{0:function(e,t){e.exports=React},101:function(e,t,a){e.exports={input:"vtex-styleguide-9-x-input",hideDecorators:"vtex-styleguide-9-x-hideDecorators",noAppearance:"vtex-styleguide-9-x-noAppearance"}},1417:function(e,t,a){"use strict";a.r(t),function(e){var t=a(8);a.p=Object(t.getPublicPath)("vtex.styleguide@9.146.16");var n=Object(t.register)((function(){return a(1575)}),e,"vtex.styleguide@9.146.16","vtex.styleguide@9.x","NumericStepper");n.renderHotReload,n.setupHMR}.call(this,a(16)(e))},1575:function(e,t,a){"use strict";a.r(t);var n=a(10),r=a(4),c=a(5),u=a(12),i=a(6),l=a(7),o=a(1),s=a(9),p=a(0),b=a.n(p),m=a(101),d=a.n(m);function f(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function v(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?f(Object(a),!0).forEach((function(t){Object(s.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):f(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=Object(o.a)(e);if(t){var r=Object(o.a)(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return Object(l.a)(this,a)}}var y=function(e){return null==e?-1/0:e},x=function(e){return null==e?1/0:e},g=function(e,t,a,n,r,c){if(t=y(t),a=x(a),isNaN(e)||null==e)return n<t?t:n>a?a:n;var u=parseFloat(e,10),i=c?Math.round(u/r):u;return Math.max(t,Math.min(a,i))},_=function(e,t,a,n){var r=a?" ".concat(a):a;if(!n){var c=Math.round(e*t*100)/100;return"".concat(c).concat(r)}return"".concat(e).concat(r)},O=function(e,t,a,n,r,c){var u=c?r:1;t=y(t)*u,a=x(a)*u;var i=parseFloat(e);return""===e||"string"==typeof e&&e.startsWith("-")&&t<0?_(e,r,n,c):isNaN(i)?"":_(i<t&&1===t?t:i>a?a:i,r,n,c)},j=function(e){Object(i.a)(a,e);var t=h(a);function a(){var e;Object(r.a)(this,a);for(var n=arguments.length,c=new Array(n),i=0;i<n;i++)c[i]=arguments[i];return e=t.call.apply(t,[this].concat(c)),Object(s.a)(Object(u.a)(e),"state",{inputFocused:!1,value:0,displayValue:0}),Object(s.a)(Object(u.a)(e),"changeValue",(function(t,a,n){var r=parseFloat(t,10),c=e.props,u=c.minValue,i=c.maxValue,l=c.defaultValue,o=c.onChange,s=c.suffix,p=c.unitMultiplier,b=g(r,u,i,l,p,n),m=O(n?t:b,u,i,s,p,n);e.setState({value:b,displayValue:m}),e.state.value!==b&&o&&(a.persist(),a.value=b,o(a))})),Object(s.a)(Object(u.a)(e),"handleTypeQuantity",(function(t){e.changeValue(t.target.value,t,!0)})),Object(s.a)(Object(u.a)(e),"handleIncreaseValue",(function(t){t.stopPropagation(),t.preventDefault(),e.changeValue(e.state.value+1,t,!1)})),Object(s.a)(Object(u.a)(e),"handleDecreaseValue",(function(t){t.stopPropagation(),t.preventDefault(),e.changeValue(e.state.value-1,t,!1)})),Object(s.a)(Object(u.a)(e),"handleFocusInput",(function(t){t.target.select(),e.setState({inputFocused:!0})})),Object(s.a)(Object(u.a)(e),"handleBlurInput",(function(){var t=e.props,a=t.minValue,n=t.maxValue,r=t.unitMultiplier,c=t.suffix,u=O(e.state.value,a,n,c,r,!1);e.setState({displayValue:u,inputFocused:!1})})),e}return Object(c.a)(a,[{key:"componentDidMount",value:function(){"x-large"===this.props.size&&console.warn('NumericStepper: The value "x-large" for the prop "size" is deprecated. In the next major version, it will be equivalent to "large", and removed altogether in future versions')}},{key:"render",value:function(){var e=this.state,t=e.value,a=e.displayValue,r=this.props,c=r.maxValue,u=r.minValue,i=r.unitMultiplier,l=r.size,o=r.block,s=r.label,p=r.lean,m=r.readOnly,f=r.useSemanticHtml,h=t<=y(u),g=t>=x(c),_="",O="",j="";switch(l){case"small":O+="h-small ".concat(p?"f4":"f6"," "),j+="h-small t-small ".concat(o?"flex-grow-1":p?"w1":"w3"," "),_+="t-small ";break;case"large":O+="h-large ".concat(p?"f3":"f5"," "),j+="h-large t-body ".concat(o?"flex-grow-1":p?"w2":"w3"," "),_+="t-body ";break;case"x-large":O+="pv5 ".concat(p?"f2":"f4"," "),j+="pv5 t-body ".concat(o?"flex-grow-1":p?"w3":"w4"," "),_+="t-body ";break;default:O+="h-regular ".concat(p?"f4":"f6"," "),j+="h-regular t-body ".concat(o?"flex-grow-1":p?"w2":"w3"," "),_+="t-small "}p&&(j+="br2 hover-b--muted-4 ba outline-transparent");var w=p?"b--transparent ":"ba b--muted-4 bw1 ",V=p?"c-disabled bg-transparent ":"bg-muted-5 c-disabled o-100 ",N="pointer bg-base c-action-primary ".concat(p?"outline-0":""," "),D=f?{id:"vtex-product-quantity-input"}:{},P=b.a.createElement(b.a.Fragment,null,s&&b.a.createElement("span",{className:"vtex-numeric-stepper__label numeric-stepper__label db mb3 w-100 c-on-base ".concat(_)},s),b.a.createElement("div",{className:"vtex-numeric-stepper-container numeric-stepper-container flex self-start"},b.a.createElement("input",Object(n.a)({},D,{type:"tel",readOnly:m,className:"vtex-numeric-stepper__input numeric-stepper__input z-1 order-1 tc bw1 ".concat(w," br0 ").concat(j," ").concat(d.a.hideDecorators),style:v(v({},o&&{width:0}),{},{WebkitAppearance:"none"}),value:a,step:i,onChange:this.handleTypeQuantity,onFocus:this.handleFocusInput,onBlur:this.handleBlurInput})),b.a.createElement("div",{className:"vtex-numeric-stepper__plus-button-container numeric-stepper__plus-button-container z-2 order-2 flex-none"},b.a.createElement("button",{type:"button",className:"vtex-numeric-stepper__plus-button numeric-stepper__plus-button br2 pa0 bl-0 flex items-center justify-center ".concat(w," ").concat(O," ").concat(m||g?V:N),style:{borderTopLeftRadius:0,borderBottomLeftRadius:0,width:p?"2em":"3em",transition:"opacity 150ms"},disabled:m||g,"aria-label":"+",tabIndex:0,onClick:this.handleIncreaseValue},b.a.createElement("div",{className:"vtex-numeric-stepper__plus-button__text numeric-stepper__plus-button__text b"},"＋"))),b.a.createElement("div",{className:"vtex-numeric-stepper__minus-button-container numeric-stepper__minus-button-container z-2 order-0 flex-none"},b.a.createElement("button",{type:"button",className:"vtex-numeric-stepper__minus-button numeric-stepper__minus-button br2 pa0 br-0 flex items-center justify-center ".concat(w," ").concat(O," ").concat(m||h?V:N),style:{borderTopRightRadius:0,borderBottomRightRadius:0,width:p?"2em":"3em",transition:"opacity 150ms"},disabled:m||h,"aria-label":"−",tabIndex:0,onClick:this.handleDecreaseValue},b.a.createElement("span",{className:"vtex-numeric-stepper__minus-button__text numeric-stepper__minus-button__text b"},"－")))));return s&&!p?b.a.createElement("label",{className:"vtex-numeric-stepper-wrapper numeric-stepper-wrapper"},P):b.a.createElement("div",{className:"vtex-numeric-stepper-wrapper numeric-stepper-wrapper"},P)}}],[{key:"getDerivedStateFromProps",value:function(e,t){var a=e.value,n=e.minValue,r=e.maxValue,c=e.defaultValue,u=e.suffix,i=e.unitMultiplier,l=g(a,n,r,c,i,!1);return v({value:l},!t.inputFocused&&{displayValue:O(l,n,r,u,i,!1)})}}]),a}(p.Component);j.defaultProps={minValue:0,maxValue:1/0,defaultValue:0,unitMultiplier:1,suffix:"",readOnly:!1,size:"regular",block:!1};var w=j;t.default=w}},[[1417,"common"]]]);